.black {

  gn-manage-login {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

    background-image: url("login_bg.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

    #login {
      margin-top: -10%;
      width: 30rem;
      background-color: #ffffff;
      border-radius: 0.3rem;
      display: flex;
      flex-direction: column;

      #title {
        font-size: 2rem;
        text-align: left;
        padding: 1rem 0 1rem 1rem;
        background-color: #cccccc;
        border-radius: 0.3rem 0.3rem 0 0;
      }

      form {
        flex-grow: 1;

        gn-form-field-input {
          width: 18rem;
        }

        #code {
          display: flex;
          align-items: center;

          gn-form-field-input {
            width: 13rem;
          }

          img {
            width: 5rem;
          }
        }
      }

      button {
        margin: 2rem;
      }

    }
  }
}
